<div class="js-spoilerbox bbcode-spoilerbox">
    <a class="js-spoilerbox__link bbcode-spoilerbox__link" href="#">
        <span class="bbcode-spoilerbox__link-icon"></span><span style="color:#FF0000;">colored box title</span>
    </a>
    <div class="js-spoilerbox__body bbcode-spoilerbox__body">box content</div>
</div><br />
<span style="font-size:50%;">other content</span><br />
<br />
<div class="js-spoilerbox bbcode-spoilerbox">
    <a class="js-spoilerbox__link bbcode-spoilerbox__link" href="#"><span class="bbcode-spoilerbox__link-icon"></span>[\[] weird \[ title</a>
    <div class="js-spoilerbox__body bbcode-spoilerbox__body">box content</div>
</div><br />
<span style="font-size:50%;">other content 2</span><br />
<br />
[box=[weird title]broken box content<br />
<span style="font-size:50%;">other content 3</span>
